<template>
	<view>
        <u-navbar>
            <template #left>
                <view
                    class="u-nav-slot"
                >
                    <u-icon
                        name="arrow-left"
                        size="19"
						@click="goBack"
                    ></u-icon>
                    <u-line
                        direction="column"
                        :hairline="false"
                        length="16"
                        margin="0 8px"
                    ></u-line>
                    <u-icon
                        name="home"
                        size="20"
						@click="goHome"
                    ></u-icon>
                </view>
        </template>
            </u-navbar>
	</view>
</template>

<script setup>
	import { ref, reactive, onMounted } from 'vue';
	import {goBack,goHome} from '../utils/routerNavigator.js'
		

</script>

<style scoped lang="scss">
	
	.u-nav-slot{
		padding: 5rpx 10rpx;
		border: 1px solid #999;
		border-radius: 50rpx;
		display: flex;
	}
	
	:deep(.u-navbar__content){
		background-color: transparent !important;
	}
</style>